<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="/taglibs.jsp" %>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>JASU-UI</title>

    <meta name="viewport" content="width=device-width">
    <meta name="description" content="">
    <meta name="author" content="">

    <!--STYLESHEETS-->
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap/bootstrap-jasu-theme.css" rel="stylesheet">
    <%--<link href="css/bootstrap/bootstrap-responsive.css" rel="stylesheet">--%>
    <%--<link href="css/mega_dropdown.css" rel="stylesheet">--%>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!--SHORTCUT ICONS-->
    <link rel="shortcut icon" href="images/bootstrap/ico/favicon.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/bootstrap/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/bootstrap/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/bootstrap/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/bootstrap/ico/apple-touch-icon-57-precomposed.png">
  </head>


<!--[if IE 7 ]><body class="ie7"><![endif]-->
<!--[if IE 8 ]><body class="ie8"><![endif]-->
<!--[if IE 9 ]><body class="ie9"><![endif]-->
<body>

<%--
<debug:button/>
<debug:filename/>
<debug:browser/>
--%>


<!--HEADER (start) ---------------------->
<div class="navbar navbar-fixed-top">

  <!--User Navbar (start)-->
  <div class="navbar-inner user">
    <div class="container-fluid">
          <div class="nav-collapse pull-right nav-bg-slope">
            <ul class="nav">
                <li><a href="#"><i class="icon-shopping-bag"></i> SHOPPING BAG (8)</a></li>
                <li><a href="#">MY ACCOUNT</a></li>
                <li><a href="#">SIGN OUT</a></li>
            </ul>
          </div><!--/.nav-collapse -->
    </div>
  </div><!--User Navbar (end)-->

  <!--Main Navbar (start)-->
  <div class="navbar-inner main">
    <div class="container-fluid">

        <!--JASU Logo-->
        <a class="brand jasu-logo" href="#"></a>

        <!--Global Search-->
        <form class="navbar-search pull-right" action="">
            <i class="icon-search"></i>
            <input type="text" id="globalSearch" class="search-query" placeholder="SEARCH FOR A PRODUCT, STORE OR BRAND">
        </form>

    </div>
  </div><!--Main Navbar (ends)-->

  <jsp:include page="navigation.jsp" />

</div><!--HEADER (end) ---------------------->

<!--CONTENT (start) ---------------------->
<div class="container-fluid">



